import { Badge, TabBar } from 'antd-mobile'
import {
    AppOutline,
    MessageOutline,
    MessageFill,
    UnorderedListOutline,
    UserOutline,
} from 'antd-mobile-icons'
import styles from './css/MyTabBar.module.css'
import { NavLink } from 'react-router-dom'
function MyTabBar() {
    // const tabs = [
    //     {
    //         key: '/home',
    //         title: '首页',
    //         icon: <AppOutline />,
           
    //     },
    //     {
    //         key: '/traval',
    //         title: '出行服务',
    //         icon: <UnorderedListOutline />,
           
    //     },
    //     {
    //         key: '/order',
    //         title: '订单',
    //         icon: (active) =>
    //             active ? <MessageFill /> : <MessageOutline />,
            
    //     },
    //     {
    //         key: '/huiyuan',
    //         title: '铁路会员',
    //         icon: <UserOutline />,
    //     },
    //     {
    //         key: '/my',
    //         title: '我的',
    //         icon: <UserOutline />,
    //     },
    // ]

    return (
        <div className={styles.box}>
            {/* <TabBar>
                {tabs.map(item => (
                    <TabBar.Item key={item.key} icon={item.icon} title={item.title} />
                ))}
            </TabBar> */}
        <NavLink to='/home'>首页</NavLink>
        <NavLink to='/traval'>出行服务</NavLink>
        <NavLink to='/order'>订单</NavLink>
        <NavLink to='/huiyuan'>铁路会员</NavLink>
        <NavLink to='/my'>我的</NavLink>
        </div>
    )
}
export default MyTabBar